<template>
  <div class="comoneTitle">
    {{title}}
  </div>
</template>

<script>
export default {
  props: {
    title: String
  }
}
</script>

<style lang="less" scoped>
.comoneTitle{
    width: 258px;
    height: 32px;
    background-image: url('@{publicPath}static/images/commonTitle.png');
    background-repeat: no-repeat;
    background-size: 100%;
    color: #ffffff;
    font-size: 24px;
    padding-left: 22px;
    margin-bottom: 24px;
  }

// @media screen and (min-height: 1100px) {
    
//   .comoneTitle{
//     width: 258px;
//     height: 32px;
//     background-image: url('@{publicPath}static/images/commonTitle.png');
//     background-repeat: no-repeat;
//     background-size: 100%;
//     color: #ffffff;
//     font-size: 24px;
//     padding-left: 22px;
//     margin-bottom: 24px;
//   }
// }
</style>